<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>小薇学院任务三</title>
    </head>
<body>
    <ul>
        <a href="#"><li>导航链接一</li></a>
        <a href="#" target="_self"><li>导航链接二</li></a>
        <a href="#"><li>导航链接三</li></a>
        <a href="#"><li>导航链接四</li></a>
    </ul>
    <h2>文章一级标题</h2>
    <h2>文章二级标题</h2>
<p>作者 2017年3月18日22:42:03</p><p>很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落<br>换行了<br>很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落<a href="http://www.baidu.com" target="_blank">一个链接到百度搜索</a>很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落</p><img src="img/web_01.jpg" target="_blank" alt="前端图片" title="web" /><p>很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的<a href="www.163.com" target="_blank">一个链接</a>段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落</p>
    <h2>另一篇文章</h2>
    <h2>副标题</h2>
    <p>作者 2017年3月18日23:02:54</p><p>很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落很长的段落</p>
    <img src="img/web_01.jpg" />
    <ul>
        <li>列表项目一</li>
        <li>列表项目二</li>
        <li>列表项目三</li>
    </ul>
    <h2>图片</h2>
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
        <p>好看的图片</p>
        <img src="img/web_01.jpg" />
    <h2>第三篇文章</h2>
    <h2>第三篇文章副标题</h2>
        <p>作者 2017年3月18日23:08:34</p>
        <p>表格</p>
            <table border=1px cols="#ffffff">
                <tr>
                    <th>表头1</th>
                    <th width="100px">表头2</th>
                    <th>表头3</th>
                </tr>
                <tr>
                    <td>内容</td>
                    <td>内容</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>内容</td>
                    <td>内容</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>内容</td>
                    <td>内容</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>内容</td>
                    <td>内容</td>
                    <td><a href="#">操作</a></td>
                </tr>
                <tr>
                    <td>总计</td>
                    <td colspan="2">1</td>
                </tr>
            </table>
    <h2>侧栏标题</h2>
    <h2>侧栏注册标题</h2>
        <form title="表单">
            <p>请输入邮箱地址：</p>
            <input type="text" placeholder="这是一个文本框"  /><br />
            <p>邮箱地址要求按照格式输入</p>
            <p>"请输入密码：<p>
            <input type="password" name="password" value="111111" /><br />
            <p>请重复输入密码：</p>
            <input type="password"value="111111" />
            密码为6-16位英文数字<br />
            性别：<input type="radio" name="single1" />男
            <input type="radio" name="single1" />女
            城市：<select>
                    <option>福建</option>
                    <option selected="selected">北京</option>
                    <option>广东</option>
                </select>
            <br />
            爱好：<input type="checkbox" name="duoxuan" />音乐
                 <input type="checkbox" name="duoxuan" />运动
                 <input type="checkbox" name="duoxuan" />科幻
             <br />
            个人描述：<br />
            <textarea cols="100" rows="5"></textarea><br />
            <input type="submit" value="提交" />
        </form>
    <hr />
    版权所有&copy;
</body>
</html>
